@import "../../../static/sass/thom_c_size.scss";
@import "../sass/common_color.scss";
@import "../sass/next_btn_base.scss";
.bg_get_voice_container{
  overflow: hidden;
}
.bg_get_voice{
  width: tovw(706);
  height: tovw(418);
  border-radius: 4vw;
  background-color: #fff;
  margin: tovw(43) auto 0;
  .bg_g_v_top{
    height: tovw(418);
    width: 100%;
    border-radius: 4vw ;
    border-bottom: 1px solid $border_c_t;
    .get_voice_btn{
      width: tovw(435);
      height: tovw(60);
      border-radius: 4vw;
      line-height: tovw(60);
      background-color: #9f5c2f;
      text-align: center;
      font-size: tovw(30);
      //margin-top: tovw(99);
      margin: tovw(99) auto 0;
      color:#fff;
      //margin:;
    }
  }
  .bg_g_bottom{
    height: tovw(150);
    border-radius: 0 0 4vw 4vw;
    width: 100%;
  }
}
.wrapper_this{
  width: tovw(434);
  margin: 8vw auto 0;
  .get_voice_b:nth-child(1){
    margin-left: tovw(70);
  }
  .get_voice_b:nth-child(2){
    margin-left: tovw(120);
  }
}
.get_voice_b{
  width: tovw(82);
  float:left;
  margin-top: tovw(80);
  margin-bottom: tovw(75);
  img{
    width:tovw(48);
    height: tovw(56);
    display: block;
    margin:  0 auto;
  }
  p{
    text-align: center;
    width: 100%;
    color:#b1b1b1;
    font-size: tovw(20);
    margin-top: tovw(24);
  }
}


//ani

@keyframes lds-radio {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes lds-radio {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.lds-radio {
  position: relative;
}
.lds-radio div {
  position: absolute;
}
.lds-radio div:nth-child(1) {
  width: tovw(44);
  height: tovw(44);
  left: tovw(38);
  top: tovw(128);
  border-radius: 50%;
  background: #f05125;
  -webkit-animation: lds-radio 1s linear infinite;
  animation: lds-radio 1s linear infinite;
}
.lds-radio div:nth-child(2) {
  width: tovw(66);
  height: tovw(66);
  left: tovw(56);
  top: tovw(84);
  border-radius: 0 tovw(66) 0 0;
  border: tovw(20) solid #fdb813;
  background: none;
  -webkit-animation: lds-radio 1s linear infinite;
  animation: lds-radio 1s linear infinite;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  border-bottom: 0;
  border-left: 0;
}
.lds-radio div:nth-child(3) {
  width: tovw(110);
  height: tovw(110);
  left: tovw(56);
  top: tovw(40);
  border-radius: 0 tovw(110) 0 0;
  border: tovw(20) solid #7fbb42;
  background: none;
  -webkit-animation: lds-radio 1s linear infinite;
  animation: lds-radio 1s linear infinite;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  border-bottom: 0;
  border-left: 0;
}
.lds-radio {
  width: tovw(20) !important;
  height: tovw(20) !important;
  -webkit-transform: translate(-tovw(100), -tovw(100)) scale(1) translate(tovw(100), tovw(100));
  transform: translate(-tovw(100), -tovw(100)) scale(1) translate(tovw(100), tovw(100));
}
